<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <title>缺陷管理 - 自动化测试系统</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
  <style>
    body { background: #18181c; color: #e5e7eb; font-family: 'Inter', sans-serif; }
    .sidebar { background: #23232b; }
    .card { background: #23232b; border-radius: 0.5rem; }
    .btn-primary { background: #e11d48; color: #fff; }
  </style>
</head>
<body>
  <div class="flex h-screen">
    <!-- 侧边栏 -->
    <aside class="sidebar w-64 p-6 flex flex-col">
      <h2 class="text-xl font-bold mb-8">菜单</h2>
      <nav class="flex-1">
        <ul class="space-y-4">
          <li><a href="dashboard.html" class="hover:text-blue-400"><i class="fa fa-home mr-2"></i>仪表盘</a></li>
          <li><a href="project-management.html" class="hover:text-blue-400"><i class="fa fa-folder-open mr-2"></i>项目管理</a></li>
          <li><a href="execution-results.html" class="hover:text-blue-400"><i class="fa fa-chart-bar mr-2"></i>测试报告</a></li>
          <li><a href="defect-management.html" class="text-pink-400 font-bold"><i class="fa fa-bug mr-2"></i>缺陷管理</a></li>
        </ul>
      </nav>
    </aside>
    <!-- 主内容 -->
    <main class="flex-1 p-8 overflow-y-auto">
      <h1 class="text-2xl font-bold mb-6">缺陷管理</h1>
      <div class="mb-6 flex justify-between items-center">
        <input type="text" placeholder="搜索缺陷..." class="bg-gray-800 rounded px-4 py-2 w-1/3 text-gray-200 focus:outline-none">
        <button class="btn-primary px-4 py-2 rounded shadow"><i class="fa fa-plus mr-2"></i>新建缺陷</button>
      </div>
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        <!-- 缺陷卡片示例 -->
        <div class="card p-6 shadow flex flex-col">
          <div class="flex items-center mb-2">
            <i class="fa fa-bug text-pink-400 text-2xl mr-3"></i>
            <span class="text-lg font-semibold">登录失败 - #123</span>
          </div>
          <p class="text-gray-400 mb-4">描述：输入正确账号密码无法登录，报错500。</p>
          <div class="flex space-x-2">
            <span class="bg-yellow-600 px-2 py-1 rounded text-xs text-white">待处理</span>
            <button class="btn-primary px-3 py-1 rounded text-sm"><i class="fa fa-edit mr-1"></i>编辑</button>
          </div>
        </div>
        <!-- 更多缺陷卡片... -->
      </div>
    </main>
  </div>
</body>
</html>